<template>
  <div id="home">
    <Header/>
    <Nav/>
    <Banner/>
    <ScenicSpot/>
    <Food/>
    <Line/>
    <Bottom/>
  </div>
</template>

<script setup>
import Header from "@/components/Header.vue";
import Nav from "@/components/Nav.vue";
import Banner from "./Banner.vue";
import ScenicSpot from "./ScenicSpot.vue";
import Food from "./Food.vue";
import Line from "./Line.vue";
import Bottom from "@/components/Bottom.vue";
import { ref } from 'vue';

</script>

<style lang="scss" scoped>

</style>
